<template>
  <div class="box">
    <!--  -->
    <!-- {{ this.$store.state.shangcheng.arr }} -->
    <div @click="fun(i)" v-for="(v,i) in this.$store.state.shangcheng.arr" :key="i">
      <div class="boxa">
        <p class="p">{{v.title}}</p>
        <img class="imgsrc" :src="v.imgsrc" alt="" />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  methods:{
    fun(i){
      console.log(i);
      this.$router.push('./kkk+i')
     
    }
  }
};
</script>

<style scoped>
.box {
    /* background: rgb(221, 221, 221); */
  width: 3.42rem;
  margin: 0 auto;
  display: flex;
}
.boxa {
  width: 0.8rem;
  height: 0.9rem;
  /* background: pink; */
  margin-right: .1rem;
}
.p {
  font-size: 0.14rem;
  width: 100%;
  height: 0.28rem;
  text-align: center;
  line-height: 0.28rem;
  font-weight: 600;
}
.imgsrc {
  width: 100%;
  height: 0.6rem;
}
</style>